<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title>个人信息页面</title>
  <link rel="stylesheet" href="css/base.css" type="text/css">
  <link rel="stylesheet" href="css/style.css" type="text/css">
  <link rel="stylesheet" href="css/mui.min.css" type="text/css">
  <link rel="stylesheet" href="css/app.css" type="text/css">
  <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
  <script src="js/vue.min.js" type="text/javascript"></script>
  <script src="js/mui.min.js" type="text/javascript"></script>
  <script src="js/style.js" type="text/javascript"></script>
  <style>
    /*body{*/
    /*	background: #ffffff !important;*/
    /*}*/
    .basicalInfo {
      width: 95%;
      position: relative;
      margin: 20px auto;
      border-radius: 6px;
      background: #ffffff;
      /*border: #ccc solid 1px;*/
      padding:38px 5px 5px 5px;
      box-shadow: #afbec9 0px 0px 12px;
    }
    .portrat{
      width:50px;
      height:50px;
      background: #ffffff;
      left:50%;
      top:-16px;
      margin-left:-25px;
      border-radius: 50%;
      position: absolute;
      box-shadow: #CCCCCC 0px 0px 16px;
    }
    .content{
      text-align: center;
    }
    .content h3{
      font-size:18px;
      text-align: center;
    }
    .mui-ellipsis{
      line-height: 16px;
      margin-bottom: 5px;
    }
    .dieasesInfo,.dangerHigh,.IOF,.questionair{
      margin-bottom: 5px;
    }
    .dieasesInfo,.dangerHigh,.IOF,.questionair,.EQ{
      width:100%;
      clear:both;
      padding: 8px;
      background: #ffffff;
      border-top: #ddd solid 1px;
      border-bottom: #ddd solid 1px;

    }
    .dieasesInfo h4,.dangerHigh h4,.IOF h4,.questionair h4,.EQ h4{
      color:#333333;
      padding-left: 20px;
      position: relative;
      line-height: 18px;
      font-size:16px;
    }


    .dieasesInfo h4:before,.dangerHigh h4:before,.IOF h4:before,.questionair h4:before,.EQ h4:before {
      content: '';
      display: block;
      position: absolute;
      width: 12px;
      height: 12px;
      left: 2px;
      top: 3px;
      border-radius: 50%;
      background: #3783d1;
      /*border: 4px solid #1a1a92;*/
    }
    .dieasesInfo p,.dangerHigh p,.IOF p,.questionair p,.EQ p{
      height:auto;
      overflow:hidden;
      margin-bottom: 0;
    }
    .dieasesInfo p span.left,.dangerHigh p span.left,.IOF p span.left,.questionair p span.left,.EQ p span.left {
      float:left;
    }
    .dieasesInfo p span.right,.dangerHigh p span.right,.IOF p span.right,.questionair p span.right,.EQ p span.right {
      float:right;
    }
  </style>
</head>
<body>
<div class="wrapper" id="app">
  <div class="dieasesInfo">
    <h4> 基本信息</h4>
    <p>
      <span class="left">随访日期:<b>{{visitedInfo.accompanyTime}}</b></span>
      <span class="right" v-if="visitedInfo.blNoMedicalType == 0">随访类型:<b>首次随访</b></span>
      <span class="right" v-if="visitedInfo.blNoMedicalType == 1">随访类型:<b>6个月随访</b></span>
      <span class="right" v-if="visitedInfo.blNoMedicalType == 2">随访类型:<b>12个月随访</b></span>
      <span class="right" v-if="visitedInfo.blNoMedicalType == 3">随访类型:<b>18个月随访</b></span>
      <span class="right" v-if="visitedInfo.blNoMedicalType == 4">随访类型:<b>24个月随访</b></span>
    </p>
    <p>
      <span class="left">调查员:<b>{{visitedInfo.surveyer}}</b></span>
      <span class="right">调查员手机号:<b>{{visitedInfo.surveyerPhone}}</b></span>
    </p>
  </div>
  <div class="dangerHigh">
    <h4> 高危筛查</h4>
    <p>
      <span>超声骨密度值T:<b>{{visitedInfo.boneDensity}}</b></span>
      <span style="display: block">（T值≤-1：建议双能x线骨密度（DXA）检测）</span>
    </p>
    <p>
      <span>FRAX结果：主要骨质疏松性骨折概率:<b>{{visitedInfo.blMajor}}</b></span>
    </p>
    <p>
      <span>髋部骨折概率:<b>{{visitedInfo.hip}}</b></span>
    </p>
    <p>
      <span>OSTA结果:<b>{{visitedInfo.osta}}</b> </span>
      <span style="display: block">（中、高危患者建议双能骨密度（DXA）检测）</span>
    </p>
    <p>
      <span>OSTA指数 = [体质量（kg）- 年龄（岁）] * 0.2（仅限于女性使用）</span>
    </p>
    <div class="table" style="border:#ccc solid 1px;overflow: hidden;padding:4px;">
      <p>
        <span class="left">风险级别</span>
        <span class="right">	OSTA指数</span>
      </p>
      <p>
        <span class="left">低</span>
        <span class="right">>-1/th></span>
      </p>
      <p>
        <span class="left">中</span>
        <span class="right">>-1~-4></span>
      </p>
      <p>
        <span class="left">高</span>
        <span class="right"><-4</span>
      </p>
    </div>

  </div>
  <div class="IOF">
    <h4> IOF一分钟测试</h4>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">1）父母曾被诊断有骨质疏松或曾在轻摔后骨折？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofParentBl == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofParentBl == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">2）父母中一人有驼背？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofParentHunchback == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofParentHunchback == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">3）实际年龄超过60岁？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofAgeSixty == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofAgeSixty == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">4）是否成年后因为轻摔后发生骨折？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofBlFall == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofBlFall == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">5）是否经常摔倒（去年超过一次），或因为身体较虚弱而担心摔倒？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofFallOften == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofFallOften == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">6）40岁后的身高是否减少超过3cm以上？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofHeightThree == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofHeightThree == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">7）是否体质量过轻？（BMI值少于19kg/m2）</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofBmiLight == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofBmiLight == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">8）是否曾服用类固醇激素（例如可的松，泼尼松）连续超过3个月？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofMedicineThreeMonth == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofMedicineThreeMonth == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">9）是否患有类风湿关节炎？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofRa == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofRa == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">10）是否被诊断出有甲状腺功能亢进或是甲状旁腺功能亢进、1型糖尿病、克罗恩病或乳糜泻等胃肠疾病或营养不良？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofThyroid == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofThyroid == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">11）女士回答：是否在45岁或以前就停经？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofMenopauseFortyFive == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofMenopauseFortyFive == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">12）女士回答：除了怀孕、绝经或子宫切除外，是否曾停经超过12个月？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofMenopauseMoreTwelveMonth == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofMenopauseMoreTwelveMonth == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">13）女士回答：是否在50岁前切除卵巢又没有服用雌/孕激素补充剂？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofNoOarium == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofNoOarium == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">14）男性回答：是否出现过阳痿、性欲减退或其他雄激素过低的相关症状？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofLibidoDecrease == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofLibidoDecrease == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">15）是否经常大量饮酒（每天饮用超过两单位的乙醇，相当于啤酒1斤、葡萄酒3两或烈性酒1两）？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofMoreDrink == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofMoreDrink == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">16）目前习惯吸烟，或曾经吸烟？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofSmoke == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofSmoke == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">17）每天运动量少于30min？（包括做家务、走路和跑步等）</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofExerciseLess == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofExerciseLess == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">18）是否不能食用乳制品，又没有服用钙片？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofNoMilk == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofNoMilk == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">19）每天从事户外活动时间是否少于10min，又没有服用维生素D？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.iofNoVitaminD == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.iofNoVitaminD == 0">否</span>
    </p>
    <p>
    <h6>注意：以上筛查方式任一一条阳性即判为骨质疏松高危，需进行首次调查问卷！！！</h6>
    </p>
    <p>
      <h5>IOF一分钟测试题结果:阳性</h5>
    </p>
  </div>
  <div class="questionair">
    <h4> 问卷调查表</h4>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">曾经是否做过DXA检查（双能x线骨密度）？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.dxaDo == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.dxaDo == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span>身高：<b>{{visitedInfo.height}}cm</b></span>
      <span>体重：<b>{{visitedInfo.weight}}60kg</b></span>
      <span>BMI:<b>{{visitedInfo.bmi}}</b></span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">身高较年轻时有无变矮？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.heightLess == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.heightLess == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">有无驼背？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.humpback == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.humpback == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span>女性回答：绝经年龄：<b>{{visitedInfo.menopause}}</b></span>
      <span>妊娠次数：<b>{{visitedInfo.gestation}}</b></span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">最近1年的跌倒次数：</span>
      <span class="mui-badge mui-badge-primary">{{visitedInfo.fall}}</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常吸烟？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.smoke == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.smoke == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常饮酒？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.drink == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.drink == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">喝哪种酒？</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.drinkType == 1">啤酒</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.drinkType == 2">葡萄酒</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.drinkType == 3">白酒</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.drinkType == 4">黄酒</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常喝浓茶？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.tea == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.tea == 0">否</span>
    </p>
<!--    <p class="mui-table-view-cell">-->
<!--      <span style="width:93%;display:inline-block;">哪种茶？</span>-->
<!--      <span class="mui-badge mui-badge-primary">红茶</span>-->
<!--    </p>-->
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常喝咖啡？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.coffee == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.coffee == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常饮用乳制品？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.milk == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.milk == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否经常运动？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.exercise == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.exercise == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">饮食习惯？</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.dietary == 1">普通膳食</span>
      <span class="mui-badge mui-badge-primary" v-if="visitedInfo.dietary == 2">素食或基本素食</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">成年后是否发生过骨折？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.selffractu == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.selffractu == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">父母亲成年后是否发生过骨折？</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.parentFracture == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.parentFracture == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否有以下疾病史？ 1-甲亢；2-甲旁亢；3-糖尿病；4-类风湿关节炎；5-慢性肝病；6-慢性肾病；7-恶性肿瘤；8-偏瘫；9-帕金森病；10-慢性腹泻；11-冠心病；12-慢性支气管炎</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.disease == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.disease == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否有长期服用以下药物史？ 1-糖皮质激素；2-免疫抑制剂；3-肿瘤化疗药；4-抗抑郁药；5-质子泵抑制剂；6-抗乙肝病毒药；7-抗癫痫药；8-甲状腺激素</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.medicine == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.medicine == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">是否有手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.operation == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.operation == 0">否</span>
    </p>
    <p class="mui-table-view-cell">
      <span style="width:93%;display:inline-block;">既往是否服用过抗骨质疏松药物？1-钙片；2-维生素D制剂；3-抗骨质疏松药物（如福美加、唑来腾酸等）</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.blMedicine == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.blMedicine == 0">否</span>
    </p>
    <p>
      <span>疼痛评分:<b>{{visitedInfo.painScore}}</b></span>
      <span v-if="visitedInfo.painPlace == 1">主要疼痛部位:<b>腰背</b></span>
      <span v-if="visitedInfo.painPlace == 2">主要疼痛部位:<b>四肢</b></span>
      <span v-if="visitedInfo.painPlace == 3">主要疼痛部位:<b>关节</b></span>
      <span v-if="visitedInfo.painPlace == 4">主要疼痛部位:<b>其他</b></span>
    </p>
    <p>
      <span v-if="visitedInfo.standWalkTest == 1">跌倒风险评估：起立-行走测试时间TUG：<12秒</span>
      <span v-if="visitedInfo.standWalkTest == 2">跌倒风险评估：起立-行走测试时间TUG：<=12秒</span>
    </p>
    <p>
      <span style="width:93%;display:inline-block;">是否行胸腰椎X线检查:</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.tlXCheck == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.tlXCheck == 0">否</span>
    </p>
    <p>
      <span style="width:93%;display:inline-block;">是否发现椎体骨折：</span>
      <span class="mui-badge mui-badge-danger" v-if="visitedInfo.centrumSelffractu == 1">是</span>
      <span class="mui-badge mui-badge-warning" v-if="visitedInfo.centrumSelffractu == 0">否</span>
    </p>
  </div>
  <div class="EQ">
    <h4> EQ-5D健康问卷</h4>
    <p>
      <span v-if="visitedInfo.walkAction == 1">1）行动:<b>我可以四处走动，没有任何困难</b></span>
      <span v-if="visitedInfo.walkAction == 2">1）行动:<b>我行动有些不方便</b></span>
      <span v-if="visitedInfo.walkAction == 3">1）行动:<b>我不能下床活动</b></span>
    </p>
    <p>
      <span v-if="visitedInfo.selfCare == 1">2）行动:<b>我自己照顾自己，没有任何困难</b></span>
      <span v-if="visitedInfo.selfCare == 2">2）行动:<b>我在洗脸、刷牙、洗澡或穿衣方面有些困难</b></span>
      <span v-if="visitedInfo.selfCare == 3">2）行动:<b>我无法自己洗脸、刷牙、洗澡或穿衣</b></span>
    </p>
    <p>
      <span v-if="visitedInfo.dailyAction == 1">3）日常活动（如工作、学习、家务事、家庭或休闲活动）:<b>我能进行日常活动，没有任何困难</b></span>
      <span v-if="visitedInfo.dailyAction == 2">3）日常活动（如工作、学习、家务事、家庭或休闲活动）:<b>我在进行日常活动方面有些困难</b></span>
      <span v-if="visitedInfo.dailyAction == 3">3）日常活动（如工作、学习、家务事、家庭或休闲活动）:<b>我无法进行日常活动</b></span>
    </p>
    <p>
      <span v-if="visitedInfo.painType == 1">4）疼痛/不舒服:<b>我没有任何疼痛或不舒服</b></span>
      <span v-if="visitedInfo.painType == 2">4）疼痛/不舒服:<b>我觉得中度疼痛或不舒服</b></span>
      <span v-if="visitedInfo.painType == 3">4）疼痛/不舒服:<b>我觉得极度疼痛或不舒服</b></span>
    </p>
    <p>
      <span v-if="visitedInfo.anxiety == 1">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）:<b>我不觉得焦虑或抑郁</b></span>
      <span v-if="visitedInfo.anxiety == 2">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）:<b>我觉得中度焦虑或抑郁</b></span>
      <span v-if="visitedInfo.anxiety == 3">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）:<b>我觉得极度焦虑或抑郁</b></span>
    </p>
    <p>您今天的健康状况分（0～100；最好100；最差0）:<b>{{visitedInfo.healthScore}}</b></p>
  </div>
</div>
<!--	<script src="../js/mui.min.js"></script>-->
<script type="text/javascript" charset="utf-8">
  mui.init({
    swipeBack: true //启用右滑关闭功能
  });
  var vm = new Vue({
    el:"#app",
    data:{
      id:'',
      Info:{},
      visitedInfo:[],
      diseasesType:'',
      type:''
    },
    mounted(){
      //初始化获取数据
      // 获取用药名称
      // sessionStorage.setItem('diseasesType','1');
      this.diseasesType = sessionStorage.getItem('diseasesType');
      if(this.diseasesType == 4){
        this.type = '骨松';
      }else{
        this.type = '失智';
      }
      var url = location.search;
      // 获取id
      this.id = url.split('?')[1].split('&')[0].split('=')[1];
      this.getVisitedData(this.id);
    },
    methods:{
      getVisitedData:function(id) {
        let that = this;
        $.ajax({
          url:"/medical-cloud/accompany/blNoMedicalData",
          dataType:'json',
          type:'post',
          data:{
            accompanyBlId:id
          },
          success:function(data){
            console.log(data);
            if(data.data != null){
              that.visitedInfo =  data.data;
              // debugger
              // this.idcard = url.split('?')[1].split('&')[0].split('=')[1];
              that.visitedInfo.accompanyTime = data.data.accompanyTime.slice(0,10);
              console.log(that.visitedInfo.accompanyTime);
            }
          }
        })
      },
      getVisitInfo:function(idcard){
        let that = this;
        $.ajax({
          url:"/medical-cloud/accompany/blList",
          dataType:'json',
          type:'post',
          data:{
            idCard:idcard
          },
          success:function(data){
            that.visitedInfo = data.dataList;
          }
        })

      },

    }
  })

</script>
</body>
</html>